<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" href="./css/index.css">
      <link rel="stylesheet" href="./css/list.css">
      <link rel="shortcut icon" href="https://static.asus.com.cn/static/store/favicon.ico" type="image/x-icon">
      <title>华硕 笔记本电脑  笔记本电脑 游戏笔记本 轻薄本 办公本 -ASUS 华硕官网商城</title>
</head>

<body>
      <div class="header">
            <div class="containerWidth">
                  <div class="leftbox">
                        <a href="./index.html">商城首页</a>
                        <span class="inlineBlock line"></span>
                        <a href="">以旧换新</a>
                        <span class="inlineBlock line"></span>
                        <a href="">新机租赁</a>
                        <span class="inlineBlock line"></span>
                        <a href="">服务与支持</a>
                        <span class="inlineBlock line"></span>
                        <a href="">驱动下载</a>
                        <span class="inlineBlock line"></span>
                        <a href="">A码通道</a>
                        <!-- <span class="inlineBlock line"></span> -->
                  </div>
                  <div class="rightbox">
                        <span class="right-login1">
                              <a href="./login.html" id="iogin-a">登录</a>
                              <span class="inlineBlock line"  ></span>
                              <a href="./register.html"  id="login-r">注册</a> 
                          </span>
                          <span class="right-login2">
                              <a href="" id="login-n">名字</a>
                              <span class="inlineBlock line"  ></span>
                              <a href="./login.html" id="login-o">退出</a>
                          </span>
                        <span class="inlineBlock line"></span>
                        <a href="">消息</a>
                        <span class="inlineBlock line"></span>
                        <a href="">我的订单</a>
                        <span class="inlineBlock line"></span>
                        <a href="" class="inside">手机版
                              <div class="insideBox">
                                    <div class="items">
                                          <img src="//static.asus.com.cn/store/20210407/14404710299100.png"
                                                class="inlineBlock imgs" alt="FX80" />
                                          <div class="inlineBlock rightBox">
                                                <p class="">华硕商城APP</p>
                                                <p>新人专享礼包</p>
                                                <div>
                                                      <img src="//static.asus.com.cn/store/20210407/14405454569854.png"
                                                            class="" alt="FX80" />
                                                      <img src="//static.asus.com.cn/store/20210407/14405897101504.png"
                                                            class="" alt="FX80" />
                                                      <img src="//static.asus.com.cn/store/20210407/14410448504810.png"
                                                            class="" alt="FX80" />
                                                </div>
                                          </div>
                                    </div>
                                    <div class="items">
                                          <img src="//static.asus.com.cn/store/20210407/14425198521005.png"
                                                class="inlineBlock imgs" alt="FX80" />
                                          <div class="inlineBlock rightBox">
                                                <p class="">华硕商城公众号</p>
                                                <p>微信扫一扫</p>
                                                <div>
                                                      <img src="//static.asus.com.cn/store/20210407/14431010199565.png"
                                                            class="" alt="FX80" />
                                                </div>
                                          </div>
                                    </div>
                                    <div class="items">
                                          <img src="//static.asus.com.cn/store/20210416/14075357501015.png"
                                                class="inlineBlock imgs" alt="FX80" />
                                          <div class="inlineBlock rightBox">
                                                <p class="">微信小程序</p>
                                                <p>微信扫一扫</p>
                                                <div>
                                                      <img src="//static.asus.com.cn/store/20210416/14080048561001.png"
                                                            class="" alt="FX80" />
                                                </div>
                                          </div>
                                    </div>
                              </div>
                        </a>
                        <span class="inlineBlock line"></span>
                        <a href="./shopCar.html" class="cart">
                              <span>购物车</span>
                        </a>
                  </div>
            </div>

      </div>
      <!-- 头部导航栏+搜索栏 -->
      <div class="topModule">
            <div class="containerWidth">
                  <div class="logobox">
                        <a href="#" class="inlineBlock">
                              <img src="//static.asus.com.cn/store/20210408/14104351515697.png" class="logo"
                                    alt="FX80" />
                        </a>
                  </div>
                  <div class="menu">
                        <a class="" href="https://w3.asus.com.cn" target="_blank">
                              <img src="//static.asus.com.cn/store/20210408/13493410198979.png"
                                    class="inlineBlock icons" alt="FX80" />
                              <span class="">华硕官网</span>
                        </a>
                        <a class="" data-index=1
                              href="https://www.asus.com.cn/store/branch/index.html?id=2&afrom=home_topbar"
                              target="_blank">
                              <img src="//static.asus.com.cn/store/20210521/14260499101565.png"
                                    class="inlineBlock icons" alt="FX80" />
                              <span class="">ROG专区</span>
                        </a>
                        <a class="" data-index=2
                              href="https://www.asus.com.cn/store/branch/index.html?id=9&afrom=home_topbar"
                              target="_blank">
                              <img src="//static.asus.com.cn/store/20210521/14261252535149.png"
                                    class="inlineBlock icons" alt="FX80" />
                              <span class="">a豆专区</span>
                        </a>
                        <a class="" data-index=3 href="https://adol.asus.com.cn/adol/web/pc/dist/index.html"
                              target="_blank" rel="nofollow">
                              <img src="//static.asus.com.cn/store/20210408/13501252505256.png"
                                    class="inlineBlock icons" alt="FX80" />
                              <span class="">装机必备</span>
                        </a>
                        <a class="" href="./activity.html">
                              <span class="">热门活动</span>
                        </a>
                  </div>
                  <div class="searchbox">
                        <div class="search">
                              <input type="text" class="ipt" placeholder="" />
                              <span class="searchIcon"></span>
                        </div>
                        <input type="hidden" value="" id="default_search_key">
                  </div>
            </div>
      </div>

      <div class="center">
            <div class="page">
                  <div class="gallery-banner">

                  </div>
                  <div class="bread-crumbs">
                        <!-- 您当前的位置： -->

                        <span><a href="./index.html" alt="" title="">首页</a></span>
                        <span> &gt; </span>
                        <span class="now">
                              <!--分类路径-->
                              <div class="crumbs-nav-item">
                                    <div class="menu-drop">
                                          <div class="trigger">
                                                <span class="curr">笔记本电脑 </span>
                                                <i class="menu-drop-arrow"></i>
                                          </div>
                                          <div class="menu-drop-main">
                                                <ul class="menu-drop-list">
                                                      <li><a href="" title="笔记本电脑 ">笔记本电脑
                                                            </a></li>
                                                      <li><a href="" title="整机产品 ">整机产品
                                                            </a></li>
                                                      <li><a href="" title="周边配件/增值服务">周边配件/增值服务</a></li>
                                                      <li><a href="" title="DIY电脑配件">DIY电脑配件</a></li>
                                                      <li><a href="" title="行车记录仪">行车记录仪</a></li>
                                                      <li><a href="" title="网络产品">网络产品</a>
                                                      </li>
                                                      <li><a href="" title="ROG专区">ROG专区</a></li>
                                                </ul>
                                          </div>
                                    </div>
                                    <span></span>
                              </div>
                              <div class="crumbs-nav-item">
                                    <div class="menu-drop">
                                          <div class="trigger">
                                                <span class="curr">选择分类</span>
                                                <i class="menu-drop-arrow"></i>
                                          </div>
                                          <div class="menu-drop-main">
                                                <ul class="menu-drop-list">
                                                      <li><a href="" title="灵耀轻薄本">灵耀轻薄本</a>
                                                      </li>
                                                      <li><a href="" title="商用笔记本">商用笔记本</a>
                                                      </li>
                                                      <li><a href="" title="游戏笔记本">游戏笔记本</a>
                                                      </li>
                                                      <li><a href="" title="办公娱乐本">办公娱乐本</a>
                                                      </li>
                                                      <li><a href="" title="时尚笔记本">时尚笔记本</a></li>
                                                </ul>
                                          </div>
                                    </div>
                                    <span></span>
                              </div>
                        </span>
                  </div>

                  
                  <div class="section">
                        <div class="lsidebar"></div>
                        <div class="right-main-margin">
                              <div id="main" class="clearfix">
                                    <div class="page-maincontent">
                                          <div id="filter_container" class="filter-container">
                                                <div class="filter-title">
                                                      <h3></h3>
                                                      <h3>商品筛选 </h3>
                                                      <div class="gallery-total-info">
                                                            &nbsp;&nbsp;共<b class="op-search-result" id="goodsnum">0</b>件商品
                                                      </div>
                                                </div>
                                                <div id="gallery_filter" class="gallery-filter">
                                                      <div id="filter_lists" class="filter-lists-container">

                                                            <dl class="filter-entries" data-label="price"
                                                                  data-single="true">
                                                                  <dt class="filter-entries-label">价格：</dt>
                                                                  <dd class="filter-entries-values entries">
                                                                        <span class="filter-item "
                                                                              data-fid="price-1~2999" data-pid="1">
                                                                              <div class="handle">1-2999</div>
                                                                        </span>
                                                                        <span class="filter-item "
                                                                              data-fid="price-3000~5999" data-pid="2">
                                                                              <div class="handle">3000-5999</div>
                                                                        </span>
                                                                        <span class="filter-item "
                                                                              data-fid="price-6000~7999" data-pid="3">
                                                                              <div class="handle">6000-7999</div>
                                                                        </span>
                                                                        <span class="filter-item "
                                                                              data-fid="price-8000~9999" data-pid="4">
                                                                              <div class="handle">8000-9999</div>
                                                                        </span>
                                                                        <span class="filter-item "
                                                                              data-fid="price-10000~29999" data-pid="5">
                                                                              <div class="handle">10000-29999</div>
                                                                        </span>
                                                                  </dd>
                                                                  <!-- <dd>升序</dd> -->
                                                                  <div class="pricesort">
                                                                        <button id="pricesortadd">价格升序</button>
                                                                        <button id="pricesortreduce">价格降序</button>
                                                                        <button id="emptyscreen">清空筛选</button>
                                                                  </div>
                                                            </dl>
                                                            
                                                      </div>
                                                </div>
                                          </div>
                                          <div id="gallery_show" class="gallery-show">
                                                <div class="gallery-grid">
                                                      <ul id="goodsList">
                                                      </ul>

                                                      <div class="pagination pagination1"></div>
                                                </div>
                                          </div>
                                    </div>
                              </div>
                        </div>



                  </div>
            </div>
            <button class="more" id="more"> + 加载更多</button>
            <button class="less" id="less"> - 收起</button>
            
      </div>

      <div class="shopcaert" id="shopcart">
            <img src="../static/img/event-error.svg" alt="" class="sucimg1">
            <span><img src="../static/img/success.svg" alt="" class="sucimg">加入购物车成功</span>
            <button class="gobuyshop">继续购物</button>
            <button class="goshopcart">进入购物车</button>
      </div>
      <div class="shopcaerterr" id="shopcarterr">
            <img src="../static/img/cuowu_6FA7F9.svg" alt="" class="errimg1">
            <span><img src="../static/img/cuowu.svg" alt="" class="errimg">加入购物车失败</span>
            <button class="errbtn">确定</button>
      </div>

 <!--修改右侧固定栏   开始-->
 <div id="fixedfield" class="fixed-field" >
      <div class="group">
          <dl class="group_1">
              <dt></dt>
              <dd>个人中心</dd>
          </dl>
      </div>
      <div class="group">
          <dl class="group_2">
              <dt></dt>
              <dd>热线</dd>
          </dl>
      </div>
      <div class="group">
          <dl class="group_3">
              <dt></dt>
              <dd>优惠券</dd>
          </dl>
      </div>
      <div class="group">
          <dl class="group_4">
              <dt></dt>
              <dd>客服</dd>
          </dl>
      </div>
      <div class="group">
          <dl class="group_5">
              <dt></dt>
              <dd>APP</dd>
          </dl>
      </div>
      <div class="group">
          <dl class="group_6">
              <dt></dt>
              <dd>注册好礼</dd>
          </dl>
      </div>
      <div class="group" id="to_scroll_top">
          <dl class="group_7 grouptop">
              <dt></dt>
              <dd>返回顶部</dd>
          </dl>
      </div>
  </div>
  <!--修改右侧固定栏   结束-->


      <div class="footer">
            <div class="service">
                  <div class="page">
                        <ul class="clearfix">
                              <li class="qi">
                                    <!--                        <i class="icon"></i>-->
                                    <img src="//static.asus.com.cn/static/store/images/service_icon1.png" alt="" />
                                    官方直营
                              </li>
                              <li class="shiwu">
                                    <!--                            <i class="icon"></i>-->
                                    <img src="//static.asus.com.cn/static/store/images/service_icon2.png" alt="">
                                    笔记本意外险
                              </li>
                              <li class="man">
                                    <!--                        <i class="icon"></i>-->
                                    <img src="//static.asus.com.cn/static/store/images/service_icon3.png" alt="" />
                                    满69包邮
                              </li>
                              <li class="yuyue">
                                    <!--                        <i class="icon"></i>-->
                                    <img src="//static.asus.com.cn/static/store/images/service_icon4.png" alt="" />
                                    15天无忧退
                              </li>
                              <li class="last">
                                    <!--                        <i class="icon"></i>-->
                                    <img src="//static.asus.com.cn/static/store/images/service_icon5.png" alt="" />
                                    支付宝花呗分期
                              </li>
                        </ul>
                  </div>
            </div>
            <div class="helper">
                  <div class="page ">
                        <div class="item">
                              <dl>
                                    <dt>
                                          <a href="#">公司介绍</a>
                                    </dt>
                                    <dd>
                                          <a href="#" title="关于华硕">关于华硕</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">华硕承诺</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">交易条款</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">特别提醒</a>
                                    </dd>
                              </dl>
                        </div>
                        <div class="item">
                              <dl>
                                    <dt>
                                          <a href="#">购物指南</a>
                                    </dt>
                                    <dd>
                                          <a href="#" title="关于华硕">订单说明</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">会员注册</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">会员账户安全与信息 </a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">购物流程</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">积分使用说明</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">优惠券使用说明</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">常见问题</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">华硕商城服务协议说明 </a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">授权服务店服务说明</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">以旧换新</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">预约规则</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">预售规则</a>
                                    </dd>
                              </dl>
                        </div>
                        <div class="item">
                              <dl>
                                    <dt>
                                          <a href="#">配送与付款</a>
                                    </dt>
                                    <dd>
                                          <a href="#" title="关于华硕">发货与签收规范</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">配送运费说明</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">配送常见问题</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">配送异常</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">付款咨询</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">发票说明</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">发票常见问题</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">蚂蚁花呗常见问题</a>
                                    </dd>
                              </dl>
                        </div>
                        <div class="item">
                              <dl>
                                    <dt>
                                          <a href="#">服务与支持</a>
                                    </dt>
                                    <dd>
                                          <a href="#" title="关于华硕">华硕服务中心查询</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">华硕授权实体门店查询</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">华硕智汇家</a>
                                    </dd>
                                    <dd>
                                          <a href="#" title="关于华硕">中国RoHS合格评定标识</a>
                                    </dd>
                              </dl>
                        </div>
                        <div class="item ewm">
                              <p class="ewm-title">400-091-9520</p>
                              <p class="ewm-subtitle">专属服务热线</p>
                              <img class="ewm-img" src="//static.asus.com.cn/static/store/css/images/footer-erweima.png"
                                    alt="FX80" />
                              <p class="ewm-but">扫码下载</p>
                        </div>
                  </div>
            </div>
            <div class="friend-link">
                  <div class="friend-word">
                        <p class="show-link">友情链接</p>
                        <div class="friend-link-box">
                              <a href="#" target="_blank">a豆</a>
                              <a href="#" target="_blank">rog</a>
                              <a href="#" target="_blank">adol</a>
                              <a href="#" target="_blank">魔霸</a>
                              <a href="#" target="_blank">主板</a>
                              <a href="#" target="_blank">冰刃</a>
                              <a href="#" target="_blank">显示器</a>
                              <a href="#" target="_blank">游戏本</a>
                              <a href="#" target="_blank">adolbook</a>
                              <a href="#" target="_blank">魔霸电脑</a>
                              <a href="#" target="_blank">玩家国度</a>
                              <a href="#" target="_blank">飞行堡垒</a>
                              <a href="#" target="_blank">华硕天选</a>
                              <a href="#" target="_blank">天选笔记本</a>
                              <a href="#" target="_blank">魔霸笔记本</a>
                              <a href="#" target="_blank">枪神笔记本</a>
                              <a href="#" target="_blank">a豆笔记本</a>
                              <a href="#" target="_blank">笔记本电脑</a>
                              <a href="#" target="_blank">电脑笔记本</a>
                              <a href="#" target="_blank">ROG游戏手机</a>
                              <a href="#" target="_blank">飞行堡垒华硕</a>
                              <a href="#" target="_blank">华硕VivoBook</a>
                              <a href="#" target="_blank">华硕天选电脑</a>
                              <a href="#" target="_blank">华硕电脑天选</a>
                              <a href="#" target="_blank">华硕天选笔记本</a>
                        </div>
                  </div>
            </div>
            <div class="footer-info">
                  <div class="mask"></div>
                  <div class="theme">
                        <p>&nbsp;</p>
                        <p>有任何购物问题请联系商城客服 | 电话：400-091-9520</p>
                        <p><a target="_blank" href="#">营业执照：12000002201803260012</a>&nbsp;│<a href="#"
                                    target="_blank">沪ICP备11025349号-3</a>&nbsp;│ ASUSTeK Computer
                              Inc. All Rights Reserved.</p>
                        <div class="privacy"><a target="_blank" href="#">
                                    <p>
                                          <a href="#">ASUS使用条款</a>
                                          <a href="#">隐私政策</a>
                                          <img
                                                src="//static.asus.com.cn/static/store/images/735f16509d9a54d5ddade073f133e7dcf2c0a486.png?1499224546#h"><a
                                                target="_blank" href="#" rel="nofollow">沪公网安备
                                                31011202002313号</a>
                                    </p>
                        </div>
                  </div>
            </div>
      </div>



      <script src="../static/javascripts/jQuery.js"></script>
      <script src="../static/javascripts/axios.js"></script>  
      <script src="../static/javascripts/lazyLoad.js"></script>
      <script src="./javascripts/list.js"></script>
</body>

</html>